page {
    padding-bottom: 90rpx;
}

.detail_swiper {
    swiper {
        height    : 65vw;
        text-align: center;

        image {
            width: 60%;
        }
    }
}

.goods_price {
    padding    : 15rpx;
    font-size  : 32rpx;
    font-weight: 600;
    color      : var(--themeColor);
}

.goods_name_row {
    // border-top   : 5rpx solid #dedede;
    border-bottom: 10rpx solid #dedede;
    padding      : 10rpx 0;
    display      : flex;

    .goods_name {
        flex              : 5;
        color             : #000;
        font-style        : 32rpx;
        padding           : 0 10rpx;
        display           : block;
        overflow          : hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .goods_collect {
        flex           : 1;
        display        : flex;
        flex-direction : column;
        justify-content: center;
        align-items    : center;
        border-left    : 1rpx solid #000;
    }
}

.goods_info {
    .goods_info_title {
        font-size  : 32rpx;
        color      : var(--themeColor);
        font-weight: 600;
        padding    : 20rpx;
    }
}

.btm_tool {
    position        : fixed;
    left            : 0;
    bottom          : 0;
    width           : 100%;
    height          : 90rpx;
    background-color: #fff;
    display         : flex;
    border-top: 1rpx solid #ccc;

    .tool_item {
        flex           : 1;
        display        : flex;
        flex-direction : column;
        justify-content: center;
        align-items    : center;
        font-size      : 24rpx;
        position       : relative;

        button {
            position: absolute;
            top     : 0;
            left    : 0;
            width   : 100%;
            height  : 100%;
            opacity : 0;
        }
    }

    .btn_cart {
        flex            : 2;
        display         : flex;
        flex-direction  : column;
        justify-content : center;
        align-items     : center;
        background-color: #ffa500;
        color           : #fff;
        font-size       : 30rpx;
        font-weight     : 600;
    }

    .btn_buy {
        flex            : 2;
        display         : flex;
        flex-direction  : column;
        justify-content : center;
        align-items     : center;
        background-color: #f7554d;
        color           : #fff;
        font-size       : 30rpx;
        font-weight     : 600;
    }
}